<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions" %>
<%  
response.setHeader("Access-Control-Allow-Origin", "*");  
%> 
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>软著·数据工厂</title>
	<link href="${pageContext.request.contextPath }/img/webLogoIcon.png" rel="shortcut icon">
    <link href="${pageContext.request.contextPath }/css/bootstrap.min.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath }/css/font-awesome.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath }/css/animate.css" rel="stylesheet">
    <link href="${pageContext.request.contextPath }/css/style.css" rel="stylesheet">
    <!-- FooTable -->
    <link href="${pageContext.request.contextPath }/css/footable.core.css" rel="stylesheet">
    <link href="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.css" rel="stylesheet" />
    <link href="${pageContext.request.contextPath}/css/mypage.css" rel="stylesheet">
    <style>
		.select2_demo_1{
			float: left;
			width: 120px;
			display: inline;
			margin-left: 10px;
		}
		.form-control{
			display: inline;
		}
		
		.col-sm-3{
			float:right;
			width: 560px;
		}
		.input-group{
			float:right;
			width: 240px;
			margin-left: 5px;
		}
	   td{
	        vertical-align:middle;
	    }
	    .source{
	    	display:inline-block;
	        cursor: pointer;
		   	margin-bottom: 10px;
		    padding: 5px 5px;
		    border: 1px solid #ccc;
		    border-radius: 4px;
		    margin-right: 20px;
   		}
   		.sourceAct{
   			border-color:#f8ac59;
   			color:#f8ac59;
   		}
   		.webAct{
   			border-color:#f8ac59 !important;
   			color:#f8ac59;
   		}
   		.web{
	    	display:inline-block;
	        cursor: pointer;
		   	margin-bottom: 10px;
		    padding: 5px 5px;
		    border: 1px solid #ccc;
		    border-radius: 4px;
		    margin-right: 20px;
   		}
   		hr.stylehr{
     		border-top: 1px solid #8c8b8b;
  		}
	</style>
</head>
<body>
    <div id="wrapper">
        <nav class="navbar-default navbar-static-side" role="navigation">
            <%request.setAttribute("LEFT", "software");%>
            <%@include file="../components/left.jsp"%>
        </nav>
        <div id="page-wrapper" class="gray-bg">
        <div class="row border-bottom m-b-20">
		<jsp:include page="../components/head.jsp" flush="true" />
        </div>
        <div class="row wrapper border-bottom white-bg page-heading">
            <div class="col-lg-9">
                <h2>软著</h2>
                <ol class="breadcrumb">
                	<li class="nav-main1">
                		<a href="${pageContext.request.contextPath}/admin/tosystem_overview">主页</a>
                	</li>
                	<li class="nav-main2" >
                		<a id="navigation1" href="#" >知识产权</a>
                	</li>
                	<li class="active">
                		<a>软著</a>
                	</li>
               	</ol>
            </div>
        </div>
        <div class="wrapper wrapper-content animated fadeInRight">
            <div class="row">
                <div class="col-lg-12">
                <div class="ibox float-e-margins barcontent" id="barcontent"></div>
                    <div class="ibox float-e-margins">
                        <div class="ibox-content">
                            
                            <div class="row m-t-sm">
                                <div class="col-lg-12">
                                <div class="panel blank-panel">
                                <div class="panel-heading">
                                   
                                </div>
                                <div class="panel-body">
                                <div class="tab-content">
                                
                    			<div class="input-select">
											<div class="input-selectbox">
											<button data-toggle="dropdown" id="dropdown"
												class="btn btn-primary dropdown-toggle" type="button"
												aria-expanded="false">
												<i class="fa fa-bars"></i> <span id="inputSelected">全部</span>
											</button>
											<ul class="dropdown-menu" id="selectlist">
												<li><a onclick="setselect(this)">全部</a></li>
												<li><a onclick="setselect(this)">软件名称</a></li>
												<li><a onclick="setselect(this)">登记号</a></li>
												<li><a onclick="setselect(this)">著作权人</a></li>
											</ul>
											<input id="keyword" type="text" class="form-control"
																style="width: 440px; padding-right: 42px;"> <i
																class="fa fa-search cursearch" onclick="search()"></i>
									</div>
								</div>
                                
                                <div class="tab-pane active" id="tab-1">
	                                <div class="feed-activity-list">
	                                    	<table class="table">
	                                    		<thead>
		                                    		<tr style="background:#f5f5f6">
		                                    			<th>软件名称</th>
		                                    			<th>登记号</th>
		                                    			<th>登记日期</th>
		                                    			<th>分类号</th>
		                                    			<th>著作权人</th>
												  	</tr>
	                                    		</thead>
	                                    		<tbody id="list">
	                                    			
	                                    		</tbody>
											</table>
	                                    </div>
	                                    <div class="feed-activity-list" id="logs">
	                                    	<div class="box" id="box" style="float: right;"></div>
	                                    </div>
                                </div>
                                </div>
                                </div>
                                </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
        </div>
        </div>
		<jsp:include page="../components/footer.jsp" flush="true" />
        </div>
        </div>
      <!-- Mainly scripts -->
    <script src="${pageContext.request.contextPath }/js/jquery-2.1.1.js"></script>
    <script src="${pageContext.request.contextPath }/js/bootstrap.min.js"></script>
    <script src="${pageContext.request.contextPath }/js/jquery.metisMenu.js"></script>
    <script src="${pageContext.request.contextPath }/js/jquery.slimscroll.min.js"></script>
    <!-- Custom and plugin javascript -->
    <script src="${pageContext.request.contextPath }/js/inspinia.js"></script>
    <script src="${pageContext.request.contextPath }/js/pace.min.js"></script>
    <!-- FooTable -->
    <script src="${pageContext.request.contextPath }/js/footable.all.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/mypage.js"></script>
    <!-- Page-Level Scripts -->
  	<script src="${pageContext.request.contextPath}/js/anychart-base.min.js"></script>
	<script src="${pageContext.request.contextPath}/js/userCustom.js"></script>
    <script>
    var data = 
		[
		     ['通用行业"', '4354'],
		     ['软件业', '5110'],
		     ['通信设备', '3610'],
		     ['计算机', '9130'],
		     ['电子设备制造','4330'],
		     ['其他服务业','6760'],
		     ['航空运输业', '5370'],
		     ['操作系统', '5710'],
		     ['多媒体应用', '3450']
			]
	createbar("barcontent","软著行业分布",data)
	
	var classification = "全部";
    
        $(document).ready(function() {
            $('.footable').footable();
        });
        
        $(function(){
        	article(1)
		});
        
        function setselect(that){
        	classification = $(that).text();
			$('#inputSelected').html(classification)
        }

		function article(page){
			
        	$.ajax({
        		url : "${pageContext.request.contextPath}/knowledge/softwarecopyright-data",
        		type : "post",
        		data:{
        			page: page
        		},
        		success : function(res) {
        			$('#list').html('')
        			paging(res.count, res.page_count, page)
        			var list = res.news;
        			for (var i = 0; i < list.length; i++) {
        				//var classify_no=list[i]._source.classify_no+'/ '+list[i]._source.computer_classify+' - '+list[i]._source.industry_category_classify;
        				var record_date=list[i]._source.record_date;
        				record_date=/\d{4}-\d{1,2}-\d{1,2}/g.exec(record_date);
        				var html = '<tr>'
			            				+'<td><a style="color:#65b5f6" target="_blank" href="'+list[i]._source.detailUrl+'">'+list[i]._source.software_name+'</a></td>'
			            				+'<td>'+list[i]._source.registration_no+'</td>'
			            				+'<td>'+record_date+'</td>'
			            				+'<td>'+list[i]._source.classify_no+'</td>'
										+'<td>'+list[i]._source.copyright_owner+'</td>'
							 		+'</tr>';
				 		
				 		//旧样式
        				var html2='<div class="row">'+
        							'<div class="col" style="width:100%">'+
        							
        							'<p>'+
				                   		'<a target="_Blank" href="'+list[i]._source.detailUrl+'"><span style="margin-right: 30px; font-size:18px; color:#222">'+list[i]._source.software_name+'</span></a>'+
		                   			'</p>'+
		                   			
		                   			'<p>'+
				                   		'<span style="margin-right: 30px;">登记号:'+list[i]._source.registration_no+'</span>'+
				                   		'<span style="margin-right: 30px;">登记日期:'+list[i]._source.record_date+'</span>'+
				                   		'<span style="margin-right: 30px;">分类号:'+list[i]._source.classify_no+'/ '+list[i]._source.computer_classify+' - '+list[i]._source.industry_category_classify+'</span>'+
		                   			'</p>'+
		                   			
		                   			'<p>'+
				                   		'<span style="margin-right: 30px;">发表状态:'+list[i]._source.published_status+'</span>'+
				                   		'<span style="margin-right: 30px;">版本号:'+list[i]._source.version_number+'</span>'+
				                   		'<span style="margin-right: 30px;">著作权人:'+'<a target="_Blank" href="'+list[i]._source.copyright_owner_url+'">'+list[i]._source.copyright_owner+'</a></span>'+
		                   			'</p>'
        							
    								+'</div>'
    								
    								
        						 +'</div>'
        						 +'<hr class="stylehr">';
        				
        				$('#list').append(html)
        				
					}
        				
					
        			if (list.length == 0) {
        				$('#list').html('<div class="feed-element">暂无数据！</div>')
					}
        		},
        		error: function(res) {
        			$('#list').html('<div class="feed-element">暂无数据！</div>')
        		}
        	});
        }
		
        function paging(totalData,totalPage, pagenum) {
			$('#box').paging({
				initPageNo : pagenum, // 初始页码
				totalPages : totalPage, //总页数
				totalCount : '合计' + totalData + '条数据', // 条目总数
				slideSpeed : 600, // 缓动速度 单位毫秒
				jump : true, //是否支持跳转
				callback : function(page) { // 回调函数 
					}
			});
		}
        
		function JumpToPage(pageNum) {
			article(pageNum)
		}
		
		//跑马灯方法 
// 		 function init(){
// 			    //获取标题
// 			    var title=document.title;
// 			    //分割字符串--->字符数组
// 			    var arr=title.split("");
// 			    //删除第一个元素并返回该元素
// 			    var e=arr.shift();
// 			    //把一个对象添加到数组末尾
// 			    arr.push(e);
// 			    //把数组转换成字符串
// 			    var marquee=arr.join("");
// 			    //返回给浏览器
// 			    document.title=marquee;
// 			    //定时一直执行
// 			    window.setTimeout("init()",1000);
// 			}
// 			window.onload=init;
    </script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/toastr.js/latest/toastr.min.js"></script>
</body>
</html>
